<extend name="Public/common"/>
<block name="style">
    <link type="text/css" rel="stylesheet" href="__CSS__/main.min.css"/>
    <link type="text/css" rel="stylesheet" href="__CSS__/index.min.css"/>
    <style>
        .main-wrapper {
            padding-top: 0;
        }
    </style>
</block>
<block name="body">
    <input type="hidden" data-location="home" />
    <div class="muushop_topmain">
        <div class="pic">
            {:W('Common/Adv/render',array(array('name'=>'slider','type'=>2,'width'=>'100%','height'=>'auto','margin'=>'0 0 15px 0','title'=>'首页轮播图','data'=>array('style'=>1))))}
        </div>
    </div>


    <div class="promo-area">
        <div class="zigzag-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo1">
                        <i class="fa fa-refresh"></i>
                        <p>30 Days return</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo2">
                        <i class="fa fa-truck"></i>
                        <p>Free shipping</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo3">
                        <i class="fa fa-lock"></i>
                        <p>Secure payments</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="single-promo promo4">
                        <i class="fa fa-gift"></i>
                        <p>New products</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="main-container" class="container">
            {:W('Position/lists',array('pos'=>1))}
            {:W('Position/lists',array('pos'=>2))}
            {:W('Position/lists',array('pos'=>4))}
    </div>
</block>
<block name="script">
<script src="__JS__/common.js"></script>
<script>
$(function(){
    $(document).scroll(function() {
        //var windowWidth = $(window).width();
        //if(windowWidth > 768){
            var nowTop = parseInt($(window).scrollTop());
            if(nowTop>60){
                $('.navbar-muushop').addClass('white-nav');
            }else{
                $('.navbar-muushop').removeClass('white-nav');
            }
        //}
    });
});
</script>
</block>